import type { Config } from 'tailwindcss';

export default {
    content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
    theme: {
        extend: {
            fontFamily: {
                sans: ['Poppins', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],
                poppins: ['Poppins', 'sans-serif'],
                playball: ['Playball', 'cursive']
            }
        }
    },
    plugins: [
        function({ addVariant }) {
            addVariant('nav-group-hover', '.nav-group:hover &');
        }
    ],
} satisfies Config; 